<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Live Stream Platform</title>

    <!-- Bootstrap core CSS -->
    <link href="./css/bootstrap.css" rel="stylesheet">
    <link href="./css/flat-ui.css" rel="stylesheet">
    <link href="./css/my.css" rel="stylesheet">
    <link href="./css/backtop.css" rel="stylesheet">


    <!--<script type="text/javascript" src="./js/bootstrap.min.js"></script>-->
    <script type="text/javascript" src="./js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="./js/jquery.validate.min.js"></script>
    <script type="text/javascript" src="./js/flat-ui.min.js"></script>
    <script type="text/javascript" src="./js/application.js"></script>

    <script src="./js/flowplayer-3.2.13.min.js"></script>


</head>

<body>

<!-- Static navbar -->
<nav class="navbar navbar-inverse navbar-static-top navbar-lg margin-bottom-0">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed"
                    data-toggle="collapse" data-target="#navbar" aria-expanded="false"
                    aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="./index.html"><img src="./images/brand.png" style="height: 45px"></a>
        </div>
        <div id="navbar" class="navbar-collapse collapse ">
            <ul class="nav navbar-nav">
                <li class="active nav-icon padding-left-20 padding-right-20"><a href="./index.html">首页</a></li>
                <li class="nav-icon padding-left-20 padding-right-20"><a href="./allLiving.html">直播</a></li>
                <li class="nav-icon padding-left-20 padding-right-20"><a href="./allRecord.html">录像</a></li>
                <li class="nav-icon padding-left-20 padding-right-20"><a href="#about">关于</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right show" id="LoginReg">
                <li><a class="text-white" id="signIn" href="#signModal" data-toggle="modal">登录</a></li>
                <li><a class="text-white" id="register" href="#registerModal" data-toggle="modal">注册</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right hidden" id="hasLog">
                <li class="dropdown">

                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="userName">用户名 <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#modifyView" data-toggle="modal">修改用户信息</a></li>
                        <li><a href="#myLiveRoomModal" data-toggle="modal">我的直播间</a></li>
                        <li><a href="#" id="myRecordRoom">我的录像</a></li>
                        <li class="divider"></li>
                        <li><a href="#" name="logOutBtn">登出</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <!--/.nav-collapse -->
    </div>
</nav>

<div id="loadfile"></div>
<script>
    $('#loadfile').load('modals.html');
</script>




<div class="container-fluid padding-left-0 ">
    <div class="container-fluid padding-left-0 dark-background padding-top-15">
        <div class="container-fluid ">

            <div class="thumbnail" style="height:700px; width:1250px; margin:0 auto 10px auto;">
                <div id="player-wrapper" style="height:690px;">
                </div>
                <script>

                    $f("player-wrapper", "./swf/flowplayer-3.2.18.swf", {

                        clip: {
                            url: 'batman',
                            scaling: 'fit',
                            // configure clip to use hddn as our provider, referring to our rtmp plugin
                            provider: 'hddn'
                        },

                        // streaming plugins are configured under the plugins node
                        plugins: {

                            // here is our rtmp plugin configuration
                            hddn: {
                                url: './swf/flowplayer.rtmp-3.2.13.swf',

                                // netConnectionUrl defines where the streams are found
                                netConnectionUrl: 'rtmp://172.18.219.201/hls'
                            }
                        },
                        // set an event handler in the configuration
                        canvas: {
                            backgroundGradient: 'none'
                        }
                    });
                </script>
            </div>

        </div>
    </div>


    <script type="text/javascript" src="./js/getLiveRecList.js"></script>
    <div class="container width-1250">
        <div class="page-header">
            <h4><strong>正在直播</strong>
                <button class="btn btn-primary btn-lg" style="float: right" onclick="window.location.assign('./allLiving.html')">
                    查看更多>>
                </button>
            </h4>
        </div>

        <div class="container width-1250" id="livingList">

        </div>

    </div>


    <!--Recommed-begin-->
    <div class="container width-1250">
        <div class="page-header">
            <h4><strong>推荐录像</strong>
                <button class="btn btn-primary btn-lg" style="float: right" onclick="window.location.assign('./allRecord.html')">
                    查看更多>>
                </button>
            </h4>
        </div>

        <div class="container width-1250" id="recommedList">

        </div>

    </div>
    <!--Recommed-end-->
</div>
<!-- /container -->

<script type="text/javascript" src="./js/backtop.js"></script>
<footer>
    <div class="row margin-left-0 margin-right-0 padding-bottom-15" id="friendly-link">
        <div class="col-md-4 col-sm-4 text-right">
            <h4 class="text-white">友情链接</h4>
        </div>
        <div class="col-md-2 col-sm-1 text-white">
            <ul>
                <h4>
                    <p><a href="http://www.gamefy.cn/">游戏风云</a></p>

                    <p><a href="http://gaminganywhere.org/">GamingAnywhere</a></p>

                    <p><a href="http://nginx.org/">Nginx</a></p>
                </h4>
            </ul>
        </div>
        <div class="col-md-2 col-sm-1 text-white">

            <ul>
                <h4>
                    <p><a href="http://www.douyu.com/">斗鱼</a></p>

                    <p><a href="http://www.panda.tv/">熊猫TV</a></p>

                    <p><a href="http://www.twitch.tv/">Twitch</a></p>
                </h4>
            </ul>
        </div>
    </div>

    <div class="container text-center padding-top-15">
        <img src="./images/brand.png" style="height: 45px">
        <p>Copyright &copy;2015 Networking Research Lab @ SYSU - All Rights Reserved</p>
    </div>
</footer>


<!-- Placed at the end of the document so the pages load faster -->

<script type="text/javascript" src="./js/default.js" ></script>


</body>
</html>